<template>
  <div class="wrap">
    <div class="header">
      <img src="../../assets/images/logo.png" alt="">
      <div class="userInfo">
        <p>欢迎你，XXX</p>
        <h4 class="shop-name">北区沙县小吃</h4>
      </div>
      <div class="userInfo" v-if="!isLogin">

      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: 'Header',
  data () {
    return {
      isLogin: true
    }
  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import "../../assets/css/base.styl"
  .wrap
    background-color: #F1F2F2
    .header
      width: $width
      margin: 0 auto
      height: 80px
      line-height: 80px
      .userInfo
        float: right
        p
          float: left
          margin-right 10px
          font-size 14px
          color: #aaa
        h4
          float: left
          color: #303133
          font-weight: 400;
</style>
